/* CSS Document */

@media (max-width:1200px) {
	.produc .pro-txt .pro-w{ width:100%;}
}

@media( max-width:1024px){
	
}

@media (max-width:991px) {
	.navbar-toggle{display:block; margin:0; padding-right:0; padding:24px 0;}
	.navbar-toggle .icon-bar{background:#005cda; width:45px; height:6px; border-radius:5px;}
	.navbar-toggle .icon-bar+.icon-bar{ margin-top:6px;}
	.top-head .sjdnav{ width:160px; position:absolute; right:15px; top:80px; z-index:110 !important; max-width:100%; display:none;}
	.top-head .sjdnav ul{ margin:0; padding:0;}
	.top-head .sjdnav li{display:block; padding:0; text-align:center; background:#124b8e; margin-bottom:3px;}
	.top-head .sjdnav li.active a{color:#fff; background:#005cda;}
	.top-head .sjdnav li a{display:block; color:#fff; line-height:40px; font-size:16px;}
	.top-logo .s-logo{ display:block;}
	.top-logo .b-logo{display:none;}
	.top-logo{ padding-right:15px;}
	.top-nav-wrap{ display:none !important;}
	
	.top-header{ width:100%; background:#fff; position:fixed; top:0; z-index:9999; box-shadow:0 4px 4px rgba(204,204,204,0.6);}
	.banpc{ display:none;}
	.phone{ display:block; margin-top:80px;}
	.top-tt{ display:none;}
	.top-line{ display:none;}
	.produc a{ height:auto;}
	.produc .pro-image{ height:auto;}
	.produc .pro-image .img{ padding-top:40%;}
	.produc .pro-txt .pro-w{ padding:20px 15px;}
	.produc .pro-txt .tx{ height:auto;}
	.advantages .advs{ padding:12px; padding-bottom:0;}	
	.xsbox .xwleft{ padding:0;}
	.xsbox .xwright{ padding:0; margin-top:20px;}
	.about-txt{ padding:0; margin-top:20px;}
	.about-txt .about-tt{ height:auto;}
	.about-txt a.btn{ margin-top:15px}
	.lxwm .lxwm-lf{ padding:0;}
	.lxwm-rh{ padding:0; margin-top:20px;}

	.mleft .mlf-lx{ display:none;}
	.mright{ width:100%; float:left; padding-left:0;}
	.mleft{ width:100%;}
	.mleft .titles{ text-align:center; position:relative; background:#01256c; border-radius:5px; overflow:hidden;}
	.mleft .titles span{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer;}
	.mleft .titles p samp{ display:none;}
	.mleft .titles p{ font-size:22px; color:#fff; line-height:45px;}
	.mleft .ul-list{ display:none;}

}

 @media (max-width:768px) {
	.advantages .advs{ width:100%; padding:12px 0 !important;}	
	.advantages .advs .adv-txt{ height:auto;}
	.footer{ margin-bottom:56px;}
	.footer span{ display:none;}
	.produc .swiper-pagepro{ display:none;}
	.produc{ padding-bottom:0;}
	.produc .pro-txt .pro-w{ padding:20px 0;}
	.produc .pro-txt .tx{ line-height:28px; font-size:13px;}
	.produc .pro-txt h3{ margin-bottom:10px; font-size:16px;}
	
	.li02 .li02-img{ width:40%;}
	.li02 .li02-txt{ width:60%; float:right; padding-left:15px;}
	.li02 .li02-txt p{ margin-top:10px;}
	.li02 .li02-img .img{ padding-top:144px;}
	.mrfom{ width:100%;}
	
}

 @media (max-width:640px) {
	.li02 .li02-txt p{ margin-top:5px;}
	.li02 .li02-txt span{ line-height:28px;}
	.li02 .li02-img .img{ padding-top:134px;}

}

 @media (max-width:540px) {	 
	.navbar-toggle .icon-bar{ width:36px; height:5px; border-radius:0;}
	.navbar-toggle{ padding:22px 0;}
	.top-head .sjdnav{ top:73px;}
	.phone{ margin-top:73px;}
	.advantage-tit h3{ font-size:18px;}
	.advantage-tit p{ font-size:14px;}
	.advantages .advs h3{ line-height:40px; font-size:16px;}
	.advantages .advs h3 span{ width:40px; font-size:20px;}
	.advantages .advs .adv-txt{ margin-top:10px;}
	.advantages .advs{ padding:10px 0 !important;}
	.lxwm, .abouts{ margin-top:18px;}
	.lxwm .lx3 .ewm{ display:none;}
	.lxwm .lx3 p{ width:100%;}
	.lxwm h3{ margin-bottom:10px;}
	.lxwm .lx2{ margin-bottom:10px;}
	.advantage-tit{background:url(../images/t7.jpg) no-repeat center; background-size:cover; padding:12px 0 8px;}
	.advantage-tit h3, .advantage-tit p{ font-weight:normal;}
	.advantages .advs .adv-txt .adv-t2{ width:65%;}
	.advantages .advs .adv-txt .adv-t2 .p2{ margin-top:20px;}
	.advantages .advs .adv-txt .adv-t2 .p2 .ts2{ overflow:visible;}
	.advantages .advs .adv-txt .adv-img2{ width:35%;}
	
	.li02 .li02-txt h3{ font-size:16px; line-height:25px;}
	.li02 .li02-txt p{ font-size:13px; line-height:25px; height:50px; margin-bottom:10px;}
	.li02 .li02-img .img{ padding-top:120px;}
}

 @media (max-width:450px) {
	.navbar-toggle .icon-bar{ width:34px;}	
	.advantages .advs .adv-txt .adv-img2{ display:none;}
	.advantages .advs .adv-txt .adv-t2{ width:100%;}
	.mleft .titles p{ font-size:20px; line-height:40px;}
	
	.li02{ margin-bottom:15px;}
	.li02 .li02-txt{ padding-left:10px;}
	.li02 .li02-txt h3{ font-size:14px;}
	.li02 .li02-txt p{ font-size:12px; line-height:24px; height:48px; margin-top:0; margin-bottom:5px;}
	.li02 .li02-img .img{ padding-top:106px;}
	.li02 .li02-txt span{ font-size:12px; width:70px; line-height:25px;}
	
}
 

 @media (max-width:415px) {
	 .navbar-toggle .icon-bar{ width:30px;}
	 .navbar-toggle .icon-bar+.icon-bar{ margin-top:4px;}
	.navbar-toggle{ padding:20px 0;}
	.top-head .sjdnav{ top:65px;}
	.phone{ margin-top:65px;}
	.produc .pro-txt .tx{ font-size:12px; line-height:25px;}
	.produc .pro-txt h3{ font-size:15px; margin-bottom:5px;}
	
	.intro h3, .case h3, .li01 h3{ font-size:12px; line-height:26px;}
	.advantage-tit p{ font-size:12px;}
	.advantage-tit h3{ font-size:14px;}
	.advantages .advs .adv-txt .adv-t{ font-size:12px; margin-top:10px; line-height:25px; padding:0 5px;}
	.advantages .advs .adv-txt .adv-t2 .p1{ font-size:12px; line-height:25px;}
	.advantages .advs .adv-txt .adv-t2 .p2{ margin-top:10px;}
	.advantages .advs .adv-txt .adv-t3{ padding:0 5px; font-size:12px; line-height:25px;}
	.xsbox .xwleft .xwleft-img{ display:none;}
	.xsbox .xwleft .xwleft-txt{ padding-left:0; width:100%;}
	.xsbox .xwright li{ padding-right:0;}
	.wrap5{ padding-bottom:20px;}
	
	.mright .mrh-top p.pull-right{ display:none;}
	
	.li02 .li02-txt p{ line-height:22px; height:44px;}
	.li02 .li02-img .img{ padding-top:98px;}
	.li02 .li02-txt span{ width:65px; line-height:24px;}
	

}
 @media (max-width:350px) {
	.navbar-toggle{ padding:16px 0;}
	.top-head .sjdnav{ top:57px;}
	.phone{ margin-top:57px;}

 }
 @media (max-width:320px) { 


 }